<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="template.xhtml">
	<ui:define name="corpo">

		<h2>InstituicaoDocentes</h2>
<h:panelGrid>
		<p:commandButton value="Adicionar Instituicao Docente"
			oncomplete="dialogCadastroInstituicaoDocente.show()" />

</h:panelGrid>
		<h:form id="cadInstituicaoDocente">

			<p:dialog widgetVar="dialogCadastroInstituicaoDocente"
				header="Dados da Instituição" closable="false" resizable="false"
				modal="true" hideEffect="slide" showEffect="clip" draggable="false">

				<h:panelGrid id="displayInstituicaoDocente" columns="3"
					cellpadding="4" style="margin:0 auto;">

					<h:outputLabel value="Nome: " />
					<p:inputText id="nome"
						value="#{instituicaoDocenteBean.instituicaoDocente.nome}"
						title="Insira aqui o nome." />
					<p:message for="nome"></p:message>

					<h:outputLabel value="Inscriçãp no MEC: " />
					<p:inputText id="txtMEC"
						value="#{instituicaoDocenteBean.instituicaoDocente.inscMec}"
						title="Insira aqui inscrição no MEC: " />
					<p:message for="txtMEC"></p:message>

					<h:outputLabel value="CNPJ: " />
					<p:inputMask mask="99.999.999/9999-99"
						value="#{instituicaoDocenteBean.instituicaoDocente.CNPJ}"
						id="txtCNPJ" label="CNPJ" title="Insira aqui o CNPJ">
					</p:inputMask>
					<p:message for="txtCNPJ"></p:message>

					<h:outputLabel value="Responsável: " />


					<p:selectOneMenu id="selectBox" style="width:100%;"
						value="#{instituicaoDocenteBean.instituicaoDocente.pessoa}"
						converter="pessoaConverter" required="true">
						<f:selectItems value="#{pessoaBean.pessoas}" var="pessoa"
							itemLabel="#{pessoa.nome}" itemValue="#{pessoa}" />
					</p:selectOneMenu>
					<p:message for="selectBox"></p:message>




					<h:outputText></h:outputText>
					<p:commandButton id="btsalvar" value="Salvar"
						rendered="#{instituicaoDocenteBean.instituicaoDocente.id == null}"
						actionListener="#{instituicaoDocenteBean.gravarInstituicaoDocente}"
						update=":formulario:tabelaInstituicaoDocente displayInstituicaoDocente"
						oncomplete="handleCadastroInstituicaoDocenteRequest(xhr, status, args)">
					</p:commandButton>

					<p:commandButton id="btAlterar" value="Alterar"
						rendered="#{instituicaoDocenteBean.instituicaoDocente.id != null}"
						actionListener="#{instituicaoDocenteBean.alterarInstituicaoDocente}"
						update=":formulario:tabelaInstituicaoDocente displayInstituicaoDocente"
						oncomplete="handleCadastroInstituicaoDocenteRequest(xhr, status, args)">
					</p:commandButton>

					<p:commandButton value="Voltar" update="displayInstituicaoDocente"
						process="@this"
						oncomplete="dialogCadastroInstituicaoDocente.hide()"
						action="#{instituicaoDocenteBean.limparInstituicaoDocente()}">
						<p:resetInput target="displayInstituicaoDocente" />
					</p:commandButton>
				</h:panelGrid>

			</p:dialog>

			<script type="text/javascript">
				function handleCadastroInstituicaoDocenteRequest(xhr, status, args) {
					if (args.validationFailed || !args.gravado) {
						jQuery('#dialogCadastroInstituicaoDocente').effect("shake", {
							times : 3
						}, 100);
					} else {
						dialogCadastroInstituicaoDocente.hide();
					}
				}
			</script>

		</h:form>
		<h:form id="formulario">

			<p:dataTable id="tabelaInstituicaoDocente"
				value="#{instituicaoDocenteBean.instituicaoDocentes}"
				var="instituicao"
				rowStyleClass="#{empty rowIx or rowIx mod 2 ne 0 ? 'par' : 'impar'}"
				rowIndexVar="rowIx" emptyMessage="nenhum registro encontrado">


				<f:facet name="header">Instituição</f:facet>

				<p:column headerText="Nome">
					<h:outputText value="#{instituicao.nome}"></h:outputText>
				</p:column>

				<p:column headerText="Ações">
					<div align="center">
						<p:commandLink
							update=":cadInstituicaoDocente:displayInstituicaoDocente"
							title="Editar"
							oncomplete="dialogCadastroInstituicaoDocente.show()">
							<f:setPropertyActionListener value="#{emp}"
								target="#{instituicaoDocenteBean.instituicaoDocente}" />
							<p:graphicImage value="resources/imagens/editar.png" width="24px"
								height="24px" />
						</p:commandLink>
						<p:commandLink
							update=":formRemoveInstituicaoDocente:panelRemoveInstituicaoDocente"
							title="Remover" oncomplete="popupRemoveInstituicaoDocente.show()">
							<f:setPropertyActionListener value="#{emp}"
								target="#{instituicaoDocenteBean.instituicaoDocente}" />
							<p:graphicImage value="resources/imagens/delete.png" width="24px"
								height="24px" />
						</p:commandLink>
					</div>
				</p:column>




			</p:dataTable>
		</h:form>

		<h:form id="formRemoveInstituicaoDocente">
			<p:dialog header="Têm certeza que deseja apagar?"
				widgetVar="popupRemoveInstituicaoDocente" resizable="false"
				id="popupRemoveInstituicaoDocente" showEffect="fade"
				hideEffect="explode" closable="false" modal="true">

				<p:panel id="panelRemoveInstituicaoDocente" columns="2">

					<p:commandButton value="Sim, remover"
						action="#{instituicaoDocenteBean.removerInstituicaoDocente}"
						update=":formulario:tabelaInstituicaoDocente"
						oncomplete="popupRemoveInstituicaoDocente.hide()" />

					<p:commandButton value="Não remover"
						action="#{instituicaoDocenteBean.limparInstituicaoDocente}"
						onclick="popupRemoveInstituicaoDocente.hide()" />
				</p:panel>
			</p:dialog>
		</h:form>

	</ui:define>
</ui:composition>
</html>